<!DOCTYPE html>
<html>
<head>
  <title>Vuex Pathify - Demos</title>

  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">

  <link rel="shortcut icon" href="https://cdn.rawgit.com/davestewart/vuex-pathify-demos/master/nuxt/static/favicon.png">
  <link rel="stylesheet" type="text/css" href="https://cdn.rawgit.com/davestewart/vuex-pathify-demos/master/nuxt/static/styles.css">
  <link href="https://fonts.googleapis.com/css?family=Baloo" rel="stylesheet">

  <style type="text/css">
    body {
      height: 100%;
      display: flex;
      margin: auto;
      align-items: center;
      justify-content: center;
    }

    #app {
      margin-top: -10vh;
      padding: 0;
    }

    h1 {
      font-family: 'Baloo', cursive;
      font-weight: normal;
    }

  </style>

</head>
<body>
  <div id="app">
    <a href="https://github.com/davestewart/vuex-pathify-demos"><img width="250" src="https://raw.githubusercontent.com/davestewart/vuex-pathify/develop/docs/assets/img/logos/logo.png"></a>
    <h1>Vuex Pathify Demos</h1>
    <div id="menu">
      <a target="_top" href="https://codesandbox.io/s/github/davestewart/vuex-pathify-demos/tree/master/simple">Simple</a> |
      <a target="_top" href="https://codesandbox.io/s/github/davestewart/vuex-pathify-demos/tree/master/main">Main</a> |
      <a target="_top" href="https://github.com/davestewart/vuex-pathify-demos/tree/master/nuxt">Nuxt</a> |
      <a target="_top" href="http://davestewart.github.io/vuex-pathify">Docs</a>
    </div>
  </div>
</body>
</html>
